<template>
  <div class="config">
    <van-nav-bar
      title="设置"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
      fixed placeholder
    />
    <van-cell to="/config_details/account_mag" is-link title="账号资料" @click="show = true" />
    <van-field v-model="value" label="手机号" input-align="right" readonly @click="changePhone" />
    <!--<div style="height: 20px;background-color: #eeeeee"></div>-->
    <!--<van-cell is-link title="关于App" @click="show = true" />-->
    <!--<van-cell is-link title="商务合作" @click="show = true" />-->
    <div style="height: 20px;background-color: #eeeeee"></div>
    <van-cell to="/config_details/user_agreement" is-link title="用户协议" @click="show = true" />
    <van-cell to="/config_details/privacy_policy" is-link title="隐私政策" @click="show = true" />
    <div style="height: 20px;background-color: #eeeeee"></div>
    <van-cell style="text-align: center" title="退出登录" @click="quit" />
  </div>
</template>

<script>
export default {
  name: "Config",
  props: [

  ],
  data() {
    return {
      value: ''
    }
  },
  mounted() {
    this.value = JSON.parse(localStorage.getItem('user')).u_phone
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1)
    },
    quit() {
      localStorage.clear()
      this.$router.push('/login')
    },
    changePhone() {
      console.log('更换手机')
    }
  }
}
</script>

<style scoped>

</style>
